<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8"/>
<title th:text="${title}+'-帖子资讯网'"></title>
<link rel="stylesheet" href="/static/bootstrap3/css/bootstrap.min.css"></link>
<link rel="stylesheet" href="/static/bootstrap3/css/bootstrap-theme.min.css"></link>
<link rel="stylesheet" href="/static/css/film.css"></link>
<script th:inline="javascript">
        /*<![CDATA[*/
		window.onload = function(){
        	var error=[[${error}]];
			if(error!=null){
				alert(error);
			}
		}
		/*]]>*/
</script>
</head>
<head th:replace="layouts::header"></head>
<head>
	<title>
		模板
	</title>
	<meta charset="utf-8">
	<meta content="" name="description">
	<meta content="" name="keywords">
	<link rel='stylesheet' id='custom-style-css' href='/css/myblog.css'
		  type='text/css' media='all'>
	<script type='text/javascript' src='/js/jquery.js'>
	</script>
	<script type='text/javascript' src='/js/jquery-migrate.min.js'>
	</script>
	<script type='text/javascript' src='/js/bootstrap.js'>
	</script>
	<script type='text/javascript' src='/js/jquery.icheck.min.js'>
	</script>
	<script type='text/javascript' src='/js/jquery.validate.js'>
	</script>
	<script type='text/javascript' src='/js/jquery.lazyload.min.js'>
	</script>
	<script type='text/javascript' src='/js/myblog.js'>
	</script>
	<style>
		div{filter:alpha(Opacity=80);-moz-opacity:0.99;opacity: 0.99;}
	</style>
</head>

<body ondragstart="return false" class="home blog">
<div class="container">
	<div class="row">
		<div th:include="common/head::#h"></div>
	</div>

	<div class="row">
		<div th:include="common/menu::#m"></div>
	</div>

	<div class="row">
		<div class="col-md-8">
			<div th:include="${mainPage}::${mainPageKey}"></div>
		</div>

		<div class="col-md-4">

			<div class="data_list">
				<div class="data_list_title">
					<img src="/static/images/dynamic_icon.png"/>
					最新帖子动态
				</div>
				<div class="datas">
					<ul>
						<li th:each="newestInfo:${application.newestInfoList}"><span><a th:href="'/film/'+${newestInfo.film.id}" target="_blank" th:title="${newestInfo.webSite.name+' -> '+newestInfo.info}"   th:text="${newestInfo.webSite.name+' -> '+newestInfo.info}"></a></span></li>
					</ul>
				</div>
			</div>

			<div class="data_list">
				<div class="data_list_title">
					<img src="/static/images/hot_icon.png"/>
					最新热门帖子推荐
				</div>
				<div class="datas">
					<ul>
						<li th:each="newestHotFilm:${application.newestHotFilmList}"><span><a th:href="'/film/'+${newestHotFilm.id}" target="_blank"  th:title="${newestHotFilm.name}" th:text="${newestHotFilm.name }"></a></span></li>
					</ul>
				</div>
			</div>

			<div class="data_list">
				<div class="data_list_title">
					<img src="/static/images/website_icon.png"/>
					最新帖子网址收录
				</div>
				<div class="datas">
					<ul>
						<li th:each="newestWebSite:${application.newestWebSiteList}"><span><a th:href="${newestWebSite.url}" target="_blank"  th:title="${newestWebSite.name}" th:text="${newestWebSite.name }"></a></span></li>
					</ul>
				</div>
			</div>

			<div class="data_list">
				<div class="data_list_title">
					<img src="/static/images/film_icon.png"/>
					最新帖子收录
				</div>
				<div class="datas">
					<ul>
						<li th:each="newestFilm:${application.newestFilmList}"><span><a th:href="'/film/'+${newestFilm.id}" target="_blank"  th:title="${newestFilm.name}" th:text="${newestFilm.name }"></a></span></li>
					</ul>
				</div>
			</div>

			<div class="data_list">
				<div class="data_list_title">
					<img src="/static/images/link_icon.png"/>
					友情链接
				</div>
				<div class="datas">
					<ul>
						<li th:each="link:${application.linkList}"><span><a th:href="${link.url }" target="_blank"  th:title="${link.name}" th:text="${link.name }"></a></span></li>
					</ul>
				</div>
			</div>

		</div>


	</div>

	<div class="row">
		<div th:include="common/foot::#f"></div>
	</div>

</div>

<script src="js/bootstrap.min.js"></script>

<section class="hidden-xs">
	<ul class="cb-slideshow">
		<li>
                    <span style="background-image:url(/image/img.jpg)">
                    </span>
		</li>
		<li>
                    <span style="background-image:url(/image/img1.jpg)">
                    </span>
		</li>
		<li>
                    <span style="background-image:url(/image/img2.jpg)">
                    </span>
		</li>
		<li>
                    <span style="background-image:url(/image/img3.jpg)">
                    </span>
		</li>
		<li>
                    <span style="background-image:url(/image/img4.jpg)">
                    </span>
		</li>
		<li>
                    <span style="background-image:url(/image/img5.jpg)">
                    </span>
		</li>
	</ul>
</section>
<div class="GalMenu GalDropDown">
	<div class="circle" id="gal">
		<div class="ring">
			<a href="" title="" class="menuItem" style="left: 50%; top: 15%;">
				首页
			</a>
			<a href="" title="" class="menuItem" style="left: 80.3109%; top: 32.5%;">
				首页
			</a>
			<a href="" title="" class="menuItem" style="left: 80.3109%; top: 67.5%;">
				首页
			</a>
			<a href="" title="" class="menuItem" style="left: 50%; top: 85%;">
				首页
			</a>
			<a href="" title="" class="menuItem" style="left: 19.6891%; top: 67.5%;">
				首页
			</a>
			<a href="" title="" class="menuItem" style="left: 19.6891%; top: 32.5%;">
				首页
			</a>
		</div>
		<audio id="audio" src="https://ercygame.com/wp-content/themes/mygalgame/ui/audio/onj.mp3">
		</audio>
	</div>
</div>
<div id="overlay" class="magnify">
	<div class="large" style="background-image:url(/image/img6.jpg)">
	</div>
	<img class="small" src="/picture/rpic.png" width="1920">
	<footer id="zan-footer">
		<div class="container">
			<div class="row">
                        <span>
                            <span>
                                <script src="/js/myblog_bd.js">
                                </script>
                                <script src="/js/myblog_min.js">
                                </script>
                            </span>
                        </span>
			</div>
			<!--统计代码-->
			<!--统计代码结束-->
		</div>
	</footer>
	<div id="zan-gotop">
		<i class="fa fa-angle-up">
		</i>
	</div>



</div>
</body>
</html>